	<style>
	.ui-autocomplete-loading { background: white url('http://jqueryui.com/demos/autocomplete/images/ui-anim_basic_16x16.gif') right center no-repeat; }
	</style>
	<script>
	$(function() {
		var cache = {},
			lastXhr;
		$( "#title" ).autocomplete({
			minLength: 3,
			source: function( request, response ) {
				var term = request.term;
				if ( term in cache ) {
					response( cache[ term ] );
					return;
				}

				lastXhr = $.getJSON( "_javascript/ajax_searchuser.php?get=char", request, function( data, status, xhr ) {
					cache[ term ] = data;
					if ( xhr === lastXhr ) {
						response( data );
					}
				});
			}
		});
	});
	</script>

<form method="post">
	<article class="module width_full">
		<header><h3>{#survey#}</h3></header>
		<div class="module_content">
			<fieldset>
				<label>{#charname#}</label>
				<input type="text" id="title" name="charname" value="{$name}" >
			</fieldset>
			<fieldset>
				<label>{#item#}</label> <img src="_images/aiondatabase.png" alt=""/><br />
				<br /><br />
				<input type="text" id="" name="itemid" value="" >
			</fieldset>
			<div class="clear"></div>
		</div>
		<footer>
			<div class="submit_link">
				<input type="submit" value="{#add#}" name="submit" class="alt_btn">
			</div>
		</footer>
	</article>
</form>
	
<!-- Addet -->
<div class="modal" id="addet">
        <h3>{#addet#}</h3>
		<p>{#success_addet#}</p>
</div>
